<title>充值到余额 - 期金管家</title>
<style type="text/css">
    /*银行卡列表*/
    .cardFastList {
    }

    .cardFastList ul {
    }

    .cardFastList li {
        float: left;
        margin: 0 20px 10px 0;
    }

    .cardFastList li label {
        border: 1px solid #CCCCCC;
        padding: 8px 15px 8px 5px;
        cursor: pointer;
    }

    .cardFastList li label:hover {
        border: 1px solid #da251c;
    }

    .cardFastList li label.active {
        border: 1px solid #da251c;
    }
    .cardFastList li {position:relative;}
    .cardFastList li a.apendHtml {    display: none;    position: absolute;    bottom: -20px;    left: 0;    width: 100%;    HEIGHT: 25PX;    LINE-HEIGHT: 25PX;    PADDING: 0;}
    .cardFastList li:hover a.apendHtml {display: block;}

    /*银行卡 弹出框*/
    .modcardFastList {
    }

    .modcardFastList ul {
        overflow: hidden;
    }

    .modcardFastList li {float: left;margin: 0 35px 10px;position:relative;}

    .modcardFastList li label {
        border: 1px solid #CCCCCC;
        padding: 0 10px 0 5px;
        cursor: pointer;
    }

    .modcardFastList li label:hover {
        border: 1px solid #da251c;
    }

    .modcardFastList li label.active {
        border: 1px solid #da251c;
    }

    .modcardFastList .modal-body {
        height: 300px;
        overflow-y: scroll;
    }

    .modcardFastList .modal-content {
        margin-top: 150px;
    }
</style>

{include file="Public/header"/}
<!--正文-->
<form action="/home/Apaycard/thepage" method="post">
    <div class="container">
        <div class="row">

            <div class="col-md-12 mt20">
                <p class="h3">充值到余额 <b class="fontRed">{$toamount}</b>元(手续费{$charge}元)</p>
            </div>

            <div class="col-md-12 mt20">

                <div class="payFast mt20">
                    <img src="/static/home/images/payfast.png"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <!--<img src="__HOME__/images/paycompensate.png" />-->
                    <img src="/static/home/images/paypoptip.png"/>
                </div>
            </div>
            <input type="hidden" name="toamount" value="{$toamount}">
            <input type="hidden" name="amount" value="{$amount}">
            <input type="hidden" name="charge" value="{$charge}">

            <div class="col-md-12 cardFastList mt20">
                <ul class="list-unstyled mt-4 mb-4">
                    {volist name="list" id="vl"}
                    <li>
                        <label>
                            <input type="radio" name="cerdid" id="cardNYYH" value="{$vl.shortCardNo}{$vl.vimg}"
                                   checked="checked">

                            <span class="bank-name">
                            <!--width="190px" height="25px" -->

                            <span class="fn-left icon-cardNo">****{:substr($vl.shortCardNo,-4)}</span>

                        </label>
                        <a href="javascript:;" class="btn btn-default apendHtml" onclick="isDeleteCard({$vl.shortCardNo})">删除(解除签约)</a>
                        <!--<a href="/home/Userpaycard/forfeit?cardid={$vl.shortCardNo}" class="btn btn-default apendHtml">删除(解除签约)</a>-->
                    </li>
                    
                    {/volist}
                    <li>
                        <a href="/home/Apaycard/pageadd"
                           style="margin-top: 10px;float: left; font-family: '宋体';color:red; font-weight: bold;">&gt;&gt;
                            绑定更多银行卡</a>
                    </li>
                </ul>
            </div>
            <button class="btn btn-primary mt-4" style="padding:10px 50px;">下一步</button>
        </div>
    </div>
</form>
<div class="clearfix blank30"></div>
<!--版权信息-->
{include file="Public/footer"/}
<script>
    //点击添加边框样式
    $(".cardFastList").find("ul li").click(function () {
        $("label").removeClass("active");
        $(this).find("label").addClass("active");
    });
    //点击添加边框样式
//  $(".cardFastList").find("ul li").each(function(){
//  	$(this).find(".apendHtml").click(function(){
//  		$(this).attr("href":"/home/Userpaycard/forfeit?cardid=6222623880");	
//  	});
//  });
	function isDeleteCard(card){
		var x;
		var r=confirm("确认解除签约");
		if (r==true){
			window.location.href="/home/Apaycard/forfeit?cardid=" + card;
			//window.location.href="http://www.baidu.com" + card;
		}
		else{
		}
	}

</script>